<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_JdOVR0',
'ZY_PeiXunFuWu_1',
'ZY_GuanLiTiXiNeiShen_2',
'img_wjgN$3',
'ZY_4_4',
'ZY_5_5',
'img_KXIHe6',
'ZY_7_7',
'ZY_8_8',
'img_HqDsU9',
'ZY_10_10',
'ZY_ShenMeShi_11',
'img_SGXDx12',
'ZY_13_13',
'ZY_ZhiYeJianKangAnQuan_14',
'ZY_DingZhiPeiXun_15',
'ZY_XiErFanRenZhengJian_16',
'ZY_XiangMuGuanLi_17',
'ZY_LiuChengYouHua_18',
'ZY_ZhiLiangGuanLiTiXi_19',
'ZY_HuanJingGuanLiTiXi_20',
'ZY_ZhiYeJianKangAnQuan_21',
'img_B8MKc22',
'ZY_ZhengShu_23',
'img_b0VlQ24',
'ZY_GangYinZiGeZhengShu_25',
'img_XXzKs26',
'ZY_KaoHeFaZheng_27',
'ZY_YanGeAnZhaoGuoJia_28',
'ZY_KaoShiHeGeZheBan_29',
'ZY_ZhengShuRenZhengRenKe_30',
'ZY_PeiXunLiuCheng_31',
'ZY_32_32',
'ZY_BaoMing_33',
'ZY_34_34',
'ZY_ZhiFuFeiYong_35',
'ZY_36_36',
'ZY_ZiLiaoXiaZai_37',
'ZY_38_38',
'ZY_JiZhongXueXi_39',
'ZY_40_40',
'ZY_ZaiXianKaoShi_41',
'ZY_42_42',
'ZY_KaoShiHeGe_43',
'ZY_44_44',
'ZY_BanFaZhengShu_45',
'ZY_BaoMingZiLiao_46',
'ZY_XueYuanYaoTiGongDe_47',
'ZY_48_48',
'ZY_DianZiXiangPianShen_49',
'ZY_50_50',
'img_oFZ6542',
'img_XKDng43',
'img_j4jVP44',
'img_I9i$145',
'img_nEkoz46',
'img_vm3VV47',
'ZY_ShouJianDiZhiDian_51'"></cms:ads>
<!doctype html>
<!-- 培训服务 -->
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/swiper-bundle.min.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/animate.css"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/xrfrz/new/pc/css/common.css"> 
  <style>
  .box .training-course{  } .box .training-course .item{ width: 25%; height: 400px; padding: 40px 24px; background: #FFFFFF; box-sizing: border-box; transition: all 1s; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* .box .training-course .item-active{ width: 40%; } */ /* .box .training-course .item-active span{ display: block; font-size: 14px; line-height: 20px; color: #666666; } */ .box .training-course .item:hover span{ display: block; font-size: 14px; line-height: 20px; color: #666666; } .box .training-course .item:not(:last-child){ border-right: 1px solid #f4f4f4; } .box .training-course .item img{ width: 100px; height: 60px; margin-bottom: 20px; } .box .training-course .item p{ font-size: 16px; margin-bottom: 20px; } .content .text-warp{ width: 50%; } .content .text-warp .text{ font-size: 16px; line-height: 26px; color: #666666; } .content .img-warp{ width: 50%; } .content .img-warp img{ width: 100%; } .box-bg1{ background: #F4F4F4; } .box-bg2{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/train-bg1.png) no-repeat; background-size: 100% 100%; } 
  /* .certificate-content{ margin-top: 60px; } .certificate-content img{ width: 20%; } .certificate-content img:not(:first-child){margin-left: 80px;} .certificate-content p{ font-size: 16px; line-height: 26px; color: #FFFFFF; margin-top: 60px; }  */
    .certificate-content{margin-top: 60px;position: relative;}
    .certificate-content .img{width: 100%;}
    .certificate-content .mySwiper{width: 1050px;}
    /* 清除默认样式 */
    .certificate-content .swiper-button-prev:after{display: none;}
    .certificate-content .swiper-button-next:after{display: none;}
    /*自定义样式*/
    .certificate-content .swiper-button-prev{
        width: 60px;
        height: 60px;
        background: url('https://hwfile.csxuncong.com/xrfrz/new/pc/images/leftBtn.png') no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0px;
    }
    .certificate-content .swiper-button-next{
        width: 60px;
        height: 60px;
        background:url('https://hwfile.csxuncong.com/xrfrz/new/pc/images/rightBtn.png') no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0px;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
			width: 5px;
			height: 5px;
			border-radius: 50%;
		}
  .process-list{ width: 100%; margin: 60px 0 0px; position: relative; } .process-list .item{ text-align: center; z-index: 9; } .process-list .item .item-top-bg{ width: 90px; height: 80px; background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/process-bg.png) no-repeat; background-size: 100% 100%; color: #FFFFFF; font-size: 32px; padding-right: 10px; box-sizing: border-box; } .process-list .item .item-last-bg{ width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(176deg, #0EA8EE 0%, #409EFF 100%); color: #FFFFFF; font-size: 32px; box-sizing: border-box; } .process-list .item p{ font-size: 18px; margin-top: 40px; } .process-list .line{ width: 100%; height: 1px; background: #B2B2B2; position: absolute; top: 40px; z-index: 1; } .box-bg3{ background: url(https://hwfile.csxuncong.com/xrfrz/new/pc/images/train-bg2.png) no-repeat; background-size: 100% 100%; } .training-process{ margin: 100px 0; } .training-process p{ font-size: 16px; line-height: 26px; color: #FFFFFF; } .training-process .info-warp{ margin-top: 30px; } .training-process .info-warp .serial-num{ font-size: 16px; color: #FFFFFF; background: #0EA8EE; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_JdOVR0.adImg}" class="img zy" data-type="ad" data-id="${img_JdOVR0.adId}"> 
   <div class="page-name text-center"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_PeiXunFuWu_1.adId}">${ZY_PeiXunFuWu_1.adTitle}</h2> 
   </div> 
  </div> 
  <div class="box box-bg1"> 
   <div class="container"> 
    <h2 class="title zy" data-type="ad" data-id="${ZY_GuanLiTiXiNeiShen_2.adId}">${ZY_GuanLiTiXiNeiShen_2.adTitle}</h2>
    <div id="trainingCourse" class="training-course flex align-center">
     <div class="item item-active">
      <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220706/377c75f75a8e4ca0b04ecdbcda0c05c9f6be797f4e744e3e90e5a9875971d7ad.png" >
      <p>政策、法规解析</p>
      <span class="text-center none">国家最新行业政策、法规重点解读、深度解析，提高客户政策、法规标准应用水平</span>
     </div>
     <div class="item">
      <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220706/06aa45fb759f41ca84ed58a1aadec3913b22aa50a5c441468a63579f78078163.png" >
      <p>认证标准培训</p>
      <span class="text-center none">质量管理体系、环境管理体系、职业健康安全管理体系、产品认证、服务认证等。</span>
     </div>
     <div class="item">
      <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220706/57058e3a50c94a088bc722ce900ae6dcf1cd90ec746e4a749da0fe63122d81c2.png" >
      <p>内审员培训</p>
      <span class="text-center none">质量管理体系、环境管理体系、职业健康安全管理体系内审员培训</span>
     </div>
     <div class="item">
      <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220706/bf671c930ead485ba4d8f2370f9c1f30823885625cd04af2aa2962f1f4f897f7.png" >
      <p>其他培训</p>
      <span class="text-center none">应对时代发展，满足国家、行业及企业发展需求，充分整合内外部资源，为客户提供包括战略管理、团队建设、内部控制与风险管控、工业化与信息化管理</span>
     </div>
    </div>
   </div>
  </div>
  <div class="box">
    <div class="container">
        <div class="content flex align-center space-between">
            <div class="text-warp mr-20">
                <h2 class="title text-left">定制培训</h2>
                <p class="text">希尔梵认证检测有限公司拥有一批经验丰富、能力卓越的高级管理培训师资队伍，能为您提供：</p>
                <div class="content-row">
                    <div class="spot"></div>
                    <p>项目管理</p>
                </div>
                <div class="content-row">
                    <div class="spot"></div>
                    <p>流程优化</p>
                </div>
                <div class="content-row">
                    <div class="spot"></div>
                    <p>质量管理体系</p>
                </div>
                <div class="content-row">
                    <div class="spot"></div>
                    <p>环境管理体系</p>
                </div>
                <div class="content-row">
                    <div class="spot"></div>
                    <p>职业健康安全管理体系落地培训</p>
                </div>
            </div>
            <div class="img-warp ml-20">
                <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/a87f67a7d89d4164b5c459a8390f0618c43d7ff5b674401b965e4a6b0d198079.jpg"/>
            </div>
        </div>
    </div>
</div>
  <div class="box box-bg2">
   <div class="container">
    <h2 class="title color-white">证书</h2>
    <!-- <div class="certificate-content flex align-center space-center">
     <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/07820ddfc26a40b6ac1defb4c3b7360e8606ca117e0e4453b1964ca756ccaa3e.jpg"/>
    </div> -->
    <div class="certificate-content"> 
        <div class="swiper mySwiper"> 
         <div class="swiper-wrapper"> 
          <div class="swiper-slide"> 
           <img src="${img_oFZ6542.adImg}" class="img zy" data-type="ad" data-id="${img_oFZ6542.adId}"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="${img_XKDng43.adImg}" class="img zy" data-type="ad" data-id="${img_XKDng43.adId}"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="${img_j4jVP44.adImg}" class="img zy" data-type="ad" data-id="${img_j4jVP44.adId}"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="${img_I9i$145.adImg}" class="img zy" data-type="ad" data-id="${img_I9i$145.adId}"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="${img_nEkoz46.adImg}" class="img zy" data-type="ad" data-id="${img_nEkoz46.adId}"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="${img_vm3VV47.adImg}" class="img zy" data-type="ad" data-id="${img_vm3VV47.adId}"> 
          </div> 
          <div class="swiper-slide">
           <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9bbc7d8764474d7bb0ccd27ce4209505abc0423d56da4335876f011f965bbef2.jpg" class="img zy"> 
          </div> 
          <div class="swiper-slide"> 
           <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9464716ef60743ba8f7eea0c0c83aa4df4386214a2234a279b61070662ced6b2.jpg" class="img zy"> 
          </div> 
         </div> 
        </div> 
        <div class="swiper-button-next"></div> 
        <div class="swiper-button-prev"></div> 
       </div> 
   </div>
  </div>
  <div class="box zs">
   <div class="container">
    <div class="content flex align-center space-between">
     <div class="img-warp mr-20">
      <!-- <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/a87f67a7d89d4164b5c459a8390f0618c43d7ff5b674401b965e4a6b0d198079.jpg"/> -->
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/1.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/2.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/3.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/4.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/5.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/6.JPG" class="img">
            </div>
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/training/7.JPG" class="img">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
     </div>
     <div class="text-warp ml-20">
      <h2 class="title text-left mb-60">考核发证</h2>
      <p class="text">严格按照国家认监委规定要求进行培训考核。</p>
      <p class="text">考试合格者颁发认监委认可的管理体系内部审核员(内审员)资格证书，</p>
      <p class="text">证书认证认可，联网查询，国际通用。</p>
     </div>
    </div>
   </div>
  </div>
  <div class="box box-bg1">
   <div class="container">
    <h2 class="title animated wow slideInDown">培训流程</h2>
    <div class="process-list flex align-center space-between">
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="0s">
      <div class="item-top-bg flex align-center space-center">
       <span>1</span>
      </div>
      <p>报名</p>
     </div>
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="0.2s">
      <div class="item-top-bg flex align-center space-center">
       <span>2</span>
      </div>
      <p>支付费用</p>
     </div>
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="0.6s">
      <div class="item-top-bg flex align-center space-center">
       <span>3</span>
      </div>
      <p>集中学习</p>
     </div>
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="0.8s">
      <div class="item-top-bg flex align-center space-center">
       <span>4</span>
      </div>
      <p>现场考试</p>
     </div>
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="1s">
      <div class="item-top-bg flex align-center space-center">
       <span>5</span>
      </div>
      <p>考试合格</p>
     </div>
     <div class="item flex flex-v align-center animated wow zoomIn" data-wow-delay="1.2s">
      <div class="item-last-bg flex align-center space-center">
       <span>6</span>
      </div>
      <p>颁发证书</p>
     </div>
     <div class="line animated wow zoomIn" data-wow-delay="1.4s"></div>
    </div>
   </div>
  </div>
  <div class="box box-bg3">
   <div class="container">
    <div class="training-process">
     <h2 class="title text-left color-white">报名资料</h2>
     <p class="text">学员要提供的资料：</p>
     <div class="info-warp flex align-center">
      <div class="serial-num">1</div>
      <p>电子相片，身份证扫描件，学历证明扫描件（没有可不提供）</p>
     </div>
     <div class="info-warp flex align-center">
      <div class="serial-num">2</div>
      <p>收件地址，电话，联系人，邮编，报考体系</p>
     </div>
    </div>
   </div>
  </div>
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/pc/js/common.js"></script> 
  <script>
    var swiper = new Swiper('.certificate-content .mySwiper', {
        speed:1000,   //滑动速度
        loop:true,    //循环
        loopedSlides: 3,  //循环个数
        centeredSlides : true,   //活动滑块居中
        slidesPerView: 3,   //显示slide数量
        spaceBetween: 0,   //slide之间的距离
        autoplay : true,
        effect: 'coverflow',
        coverflowEffect: {
            rotate: 0,
            stretch: 80,
            depth: 300,
            modifier: 1,
            slideShadows: false,
        },
        grabCursor: true,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    new Swiper('.zs .mySwiper', {
        loop:true,
        slidesPerView:1,
        autoplay : true,
        pagination: {
            el: ".swiper-pagination",
            type: "bullets",
        },
    });
  </script>
 </body>
</html>